<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Resume of [Your Name], web developer.">
    <title>[Your Name] - Resume</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <header class="header">
      <h1>[Your Name]</h1>
      <nav>
        <ul class="nav-list">
          <li><a href="index.html">Home</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="portfolio.html">Portfolio</a></li>
          <li><a href="blog.html">Blog</a></li>
          <li><a href="contact.html">Contact</a></li>
          <li><a href="resume.html">Resume</a></li>
        </ul>
      </nav>
    </header>

    <section class="content resume">
      <h2>Resume</h2>
      <p><a href="your-resume.pdf" download>Download PDF Resume</a></p>
      <div class="resume-grid">
        <div class="resume-section">
          <h3>Experience</h3>
          <p><strong>Web Developer Intern</strong><br>Company Name, Year</p>
          <p><strong>Freelance Web Developer</strong><br>Year - Present</p>
        </div>
        <div class="resume-section">
          <h3>Education</h3>
          <p><strong>BS in Computer Science</strong><br>University Name, Graduation Year</p>
        </div>
        <div class="resume-section">
          <h3>Skills</h3>
          <ul>
            <li>HTML/CSS</li>
            <li>JavaScript</li>
            <li>React.js</li>
            <li>Node.js</li>
          </ul>
        </div>
      </div>
    </section>

    <footer class="footer">
      <p>&copy; 2024 [Your Name]. All rights reserved.</p>
      <nav>
        <ul class="footer-nav">
          <li><a href="#" target="_blank">LinkedIn</a></li>
          <li><a href="#" target="_blank">GitHub</a></li>
        </ul>
      </nav>
    </footer>
  </body>
</html>
